<template>
  <div>
    <van-nav-bar
      title="设置"
    />
    <p style="text-align: center">
      <van-image
        round
        width="5rem"
        height="5rem"
        src="https://image.zoutl.cn/hexo-blog/images/logo.png"
      />
    </p>
    <van-cell is-link title="个人信息" to="/myMessage"/>
    <van-cell is-link title="全部订单" to="/myOrder"/>
    <van-cell is-link title="收货地址管理" to="/myAddress"/>
    <van-tabbar v-model="active" :border="false" :safe-area-inset-bottom="true">
      <van-tabbar-item name="home" icon="wap-home-o" to="/">首页</van-tabbar-item>
      <van-tabbar-item name="search" icon="search" to="/search">搜索</van-tabbar-item>
      <van-tabbar-item name="shoppingCart" icon="shopping-cart-o" to="/shoppingCart">购物车</van-tabbar-item>
      <van-tabbar-item name="setting" icon="setting-o" to="/settings">设置</van-tabbar-item>
    </van-tabbar>
    <!--为了让最后一个商品不被遮挡-->
    <div>
      <p style="color: white">1</p>
      <p style="color: white">1</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "settings",
  data() {
    return {
      active: 'setting',
    }
  }
}
</script>

<style scoped>

</style>
